<template style="overflow-y:auto;">
    <form method="post">
        <div style="width: 100%">
            <div style="width: 5px; height: 100%; float: left; background-color: #356cb3"><font style="font-size: 30px">&nbsp;</font></div>
            <div style="width: 50%; height: 100%; float: left"><font style="font-size: 25px; font-family: 微软雅黑">基本信息</font></div>
            <div style="width: 45.8%; height: 100%; float: left; text-align: right; margin-right: 5px">
                <font style="font-size: 20px; font-family: 微软雅黑; color: #356cb3">单位：万元、公顷</font>
            </div>
            <div style="width: 4%; height: 100%; float: right; text-align: right"></div>
        </div>
        <!-- <el-divider class="divider_top"></el-divider> -->
        <div>
            <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="200px" class="demo-ruleForm">
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="项目名称" prop="proName" style="width: 96%">
                            <el-input v-model="form.proName" :disabled="true">{{ ruleForm.proName }}</el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="部系统备案号" prop="baContent">
                            <el-input v-model="ruleForm.baContent" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="验收日期" prop="checkData">
                            <el-date-picker
                                type="date"
                                placeholder="选择日期"
                                v-model="ruleForm.checkData"
                                style="width: 90%"
                            ></el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="验收单位" prop="cheddar">
                            <el-input v-model="ruleForm.cheddar" placeholder="" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="验收文号" prop="ysnumber">
                            <el-input v-model="ruleForm.ysnumber" placeholder="" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否涉林" prop="forestry">
                            <el-select v-model="ruleForm.forestry" placeholder="请选择" style="width: 90%">
                                <el-option label="是" :value="1"></el-option>
                                <el-option label="否" :value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="是否发布林权证" prop="publish">
                            <el-select v-model="ruleForm.publish" placeholder="请选择" style="width: 90%">
                                <el-option label="是" :value="1"></el-option>
                                <el-option label="否" :value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否属于耕作层剥离再利用项目" prop="recycle">
                            <el-select v-model="ruleForm.recycle" placeholder="请选择" style="width: 90%">
                                <el-option label="是" :value="1"></el-option>
                                <el-option label="否" :value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="剥离的建设项目名称" prop="stripping">
                            <el-input v-model="ruleForm.stripping" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="建设项目剥离的总土方量（立方米）" prop="totalsoilcubic">
                            <el-input v-model="ruleForm.totalsoilcubic" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="该项目使用的土方量（立方米）" prop="sytlf">
                            <el-input v-model="ruleForm.sytlf" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="覆土所涉资金" prop="earthingzj">
                            <el-input v-model="ruleForm.earthingzj" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="水田平均质量等级" prop="stAverageQuality">
                            <el-input v-model="ruleForm.stAverageQuality" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="竣工时间" prop="completTime">
                            <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.completTime" style="width: 90%"></el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!-- <div id="asdaf" align="center" style="width:80%;"> -->

                <el-tabs type="border-card" id="id_tabs">
                    <!-- 实际投资信息 -->
                    <el-tab-pane>
                        <span slot="label" class="tabPaneJhtz"><font class="lableFont"> 实际投资信息</font></span>
                        <div style="height: 8px"></div>
                        <div class="app-container">
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="实际总投资" prop="totalinvestment">
                                        <el-input v-model="ruleForm.totalinvestment" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="地方资金" prop="Wheremoney">
                                        <el-input v-model="ruleForm.Wheremoney" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="中央分成新增建设用地有偿使用费" prop="paidusecost">
                                        <el-input v-model="ruleForm.paidusecost" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="地方留成新增建设用地有偿使用费" prop="dflcycsy">
                                        <el-input v-model="ruleForm.dflcycsy" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="耕地开垦费" prop="landreclamationexpenses">
                                        <el-input v-model="ruleForm.landreclamationexpenses" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="自行补充耕地资金" prop="supplementaryfunds">
                                        <el-input v-model="ruleForm.supplementaryfunds" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="农业土地开发土地出让收入部分" prop="nytdexploit">
                                        <el-input v-model="ruleForm.nytdexploit" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="土地复垦费" prop="landreclamation">
                                        <el-input v-model="ruleForm.landreclamation" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="土地复垦义务人投资" prop="obligatoryinvestment">
                                        <el-input v-model="ruleForm.obligatoryinvestment" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="其他资金" prop="othercapital">
                                        <el-input v-model="ruleForm.othercapital" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </div>
                    </el-tab-pane>

                    <!-- 实际建设信息 -->
                    <el-tab-pane>
                        <span slot="label" class="tabPaneJhjs"><font class="lableFont"> 实际建设信息</font></span>
                        <div style="height: 8px"></div>
                        <div class="app-container">
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="实际建设总规模" prop="actualtotalconstruction">
                                        <el-input v-model="ruleForm.actualtotalconstruction" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="开发规模" prop="exploitationscale">
                                        <el-input v-model="ruleForm.exploitationscale" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="整理规模" prop="finishingsize">
                                        <el-input v-model="ruleForm.finishingsize" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="基本农田整理规模" prop="farmlandconsolidation">
                                        <el-input v-model="ruleForm.farmlandconsolidation" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="复垦规模" prop="reclamationscale">
                                        <el-input v-model="ruleForm.reclamationscale" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="灾后恢复耕地面积" prop="cultivatedland">
                                        <el-input v-model="ruleForm.cultivatedland" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="实际建成高标准农田规模" prop="actualconstruction">
                                        <el-input v-model="ruleForm.actualconstruction" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="高标准基本农田所属年度" prop="standardprimefarmland">
                                        <el-input v-model="ruleForm.standardprimefarmland" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="高标准基本农田建设条件" prop="highstandardconditions">
                                        <el-input v-model="ruleForm.highstandardconditions" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="实际可用于占补平衡面积" prop="complementbalancearea">
                                        <el-input v-model="ruleForm.complementbalancearea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="实际可用于占补平衡水田面积" prop="balancepaddyfieldarea">
                                        <el-input v-model="ruleForm.balancepaddyfieldarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="实际可用于占补平衡旱地面积" prop="balancepaddyhanfieldarea">
                                        <el-input v-model="ruleForm.balancepaddyhanfieldarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <div class="jsxx_title">新增耕地面积情况：</div>
                            <br />
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="中央分配的新增费资金新增耕地面积" prop="zyfparea">
                                        <el-input v-model="ruleForm.zyfparea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="农业土地开发的土地出让收入耕地面积" prop="nytdkfarea">
                                        <el-input v-model="ruleForm.nytdkfarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="地方留成新增费资金新增耕地面积" prop="dflusavearea">
                                        <el-input v-model="ruleForm.dflusavearea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="土地复垦义务人投资新增耕地面积" prop="landrehabilitation">
                                        <el-input v-model="ruleForm.landrehabilitation" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="土地复垦费新增耕地面积" prop="landrehabilitationarea">
                                        <el-input v-model="ruleForm.landrehabilitationarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="其他资金新增耕地面积" prop="orthersavearea">
                                        <el-input v-model="ruleForm.orthersavearea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="耕地开垦费新增耕地面积" prop="gdkksavearea">
                                        <el-input v-model="ruleForm.gdkksavearea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="自行补充耕地资金新增耕地面积" prop="zxbcsavearea">
                                        <el-input v-model="ruleForm.zxbcsavearea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <div class="jsxx_title">实际新增耕地：</div>
                            <br />
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增耕地面积" prop="savegdarea">
                                        <el-input v-model="ruleForm.savegdarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="新增耕地平均质量等别" prop="savegdavg">
                                        <el-input v-model="ruleForm.savegdavg" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增耕地中水田面积" prop="savegdstarea">
                                        <el-input v-model="ruleForm.savegdstarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="水田等级" prop="stdj">
                                        <el-input v-model="ruleForm.stdj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增耕地中旱地面积" prop="savegdhdarea">
                                        <el-input v-model="ruleForm.savegdhdarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="旱地等级" prop="hddj">
                                        <el-input v-model="ruleForm.hddj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增耕地中水浇地面积" prop="savegdzsarea">
                                        <el-input v-model="ruleForm.savegdzsarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="新增产能指标" prop="savecnzb">
                                        <el-input v-model="ruleForm.savecnzb" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="净新增耕地面积" prop="netnewarableland">
                                        <el-input v-model="ruleForm.netnewarableland" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <div class="jsxx_title">实际提质改造：</div>
                            <br />
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="提质改造面积" prop="qualityimprovementarea">
                                        <el-input v-model="ruleForm.qualityimprovementarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="旱地改水田面积" prop="hdstarea">
                                        <el-input v-model="ruleForm.hdstarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="提质改造前水田面积" prop="tigzstarea">
                                        <el-input v-model="ruleForm.tigzstarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="提质改造前水田等级" prop="tzgzstdj">
                                        <el-input v-model="ruleForm.tzgzstdj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="提质改造后水田面积" prop="tzgzqstdj">
                                        <el-input v-model="ruleForm.tzgzqstdj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="提质改造后水田等级" prop="tzgzhstmj">
                                        <el-input v-model="ruleForm.tzgzhstmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="提质改造前旱地面积" prop="tigzqhdarea">
                                        <el-input v-model="ruleForm.tigzqhdarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="提质改造前旱地等级" prop="tzgzqhddj">
                                        <el-input v-model="ruleForm.tzgzqhddj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="提质改造后旱地面积" prop="tzgzhhdarea">
                                        <el-input v-model="ruleForm.tzgzhhdarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="提质改造后旱地等级" prop="tzgzhhddj">
                                        <el-input v-model="ruleForm.tzgzhhddj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="提质改造前平均质量等别" prop="tzgzqavgzldb">
                                        <el-input v-model="ruleForm.tzgzqavgzldb" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="提质改造后平均质量等别" prop="tzgzhavgzldb">
                                        <el-input v-model="ruleForm.tzgzhavgzldb" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="改造为水浇地面积" prop="gzwsjdarea">
                                        <el-input v-model="ruleForm.gzwsjdarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="提升产能指标" prop="tscnzb">
                                        <el-input v-model="ruleForm.tscnzb" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </div>
                    </el-tab-pane>

                    <!-- 实际工程量 -->
                    <el-tab-pane>
                        <span slot="label" class="tabPaneJhxz"><font class="lableFont"> 实际工程量</font></span>
                        <div style="height: 8px"></div>
                        <div class="app-container">
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="土地平整面积" prop="landlevelarea">
                                        <el-input v-model="ruleForm.landlevelarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="土方工程量（立方米）" prop="earthworkquantity">
                                        <el-input v-model="ruleForm.earthworkquantity" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="农田防护林工程量（株）" prop="ntfhlpro">
                                        <el-input v-model="ruleForm.ntfhlpro" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="泵站（座）" prop="Rockwell">
                                        <el-input v-model="ruleForm.Rockwell" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="蓄水池（座）" prop="reservoir">
                                        <el-input v-model="ruleForm.reservoir" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="农用井（口）" prop="agriculturalwell">
                                        <el-input v-model="ruleForm.agriculturalwell" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="农用桥、涵（座）" prop="nongqiao">
                                        <el-input v-model="ruleForm.nongqiao" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="灌、排（渠）、管道（千米）" prop="paiguan">
                                        <el-input v-model="ruleForm.paiguan" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="高压输配电线路（千米）" prop="voltageway">
                                        <el-input v-model="ruleForm.voltageway" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="低压输电线路（千米）" prop="ddvoltageway">
                                        <el-input v-model="ruleForm.ddvoltageway" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="田间道路工程量（千米）" prop="tjdaowaypro">
                                        <el-input v-model="ruleForm.tjdaowaypro" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </div>
                    </el-tab-pane>

                    <!-- 实际成效 -->
                    <el-tab-pane>
                        <span slot="label" class="tabPaneJhxz"><font class="lableFont"> 实际成效</font></span>
                        <div style="height: 8px"></div>
                        <div class="app-container">
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增和改善农田灌溉面积" prop="savegsntguangaiarea">
                                        <el-input v-model="ruleForm.savegsntguangaiarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="新增和改善农田防涝面积" prop="savegaishan">
                                        <el-input v-model="ruleForm.savegaishan" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增和改善节水灌溉面积" prop="savegaishanggarea">
                                        <el-input v-model="ruleForm.savegaishanggarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="水土流失治理面积" prop="stlsarea">
                                        <el-input v-model="ruleForm.stlsarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="废弃居民点复垦面积" prop="fqjmdfkarea">
                                        <el-input v-model="ruleForm.fqjmdfkarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="工矿废弃地复垦面积" prop="Rreclaimedarea">
                                        <el-input v-model="ruleForm.Rreclaimedarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="项目区建设前耕地平均质量等级" prop="xmujsqavgdj">
                                        <el-input v-model="ruleForm.xmujsqavgdj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="项目区建设后耕地平均质量等级" prop="xmqjsgdavgzl">
                                        <el-input v-model="ruleForm.xmqjsgdavgzl" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增粮食产能（公斤）" prop="savelscn">
                                        <el-input v-model="ruleForm.savelscn" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="农民年人均新增纯收入（元）" prop="nongsavesyt">
                                        <el-input v-model="ruleForm.nongsavesyt" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="迁村并点减少的村庄数量" prop="relocatedreduced">
                                        <el-input v-model="ruleForm.relocatedreduced" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="项目区受益人数（人）" prop="perpop">
                                        <el-input v-model="ruleForm.perpop" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </div>
                    </el-tab-pane>

                    <!-- 权属管理信息 -->
                    <el-tab-pane>
                        <span slot="label" class="tabPaneJhxz"><font class="lableFont"> 权属管理信息</font></span>
                        <div style="height: 8px"></div>
                        <div class="app-container">
                            <el-row>
                                <el-col :span="24">
                                    <el-form-item label="活动性质" prop="qs_type">
                                        <el-checkbox-group v-model="ruleForm.qs_type">
                                            <el-checkbox label="农村集体土地所有权" name="qs_type"></el-checkbox>
                                            <el-checkbox label="国有土地所有权" name="qs_type"></el-checkbox>
                                            <el-checkbox label="土地承包经营权" name="qs_type"></el-checkbox>
                                            <el-checkbox label="建设用地使用权（不包括宅基地）" name="qs_type"></el-checkbox>
                                            <el-checkbox label="宅基地使用权" name="qs_type"></el-checkbox>
                                            <el-checkbox label="土地他项权利" name="qs_type"></el-checkbox>
                                        </el-checkbox-group>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="农村集体土地所有权涉及的土地面积" prop="ncjttdtdarea">
                                        <el-input v-model="ruleForm.ncjttdtdarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="国有土地所有权涉及的土地面积" prop="gytutdarea">
                                        <el-input v-model="ruleForm.gytutdarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="土地承包经营权涉及的土地面积" prop="tdcbjyarea">
                                        <el-input v-model="ruleForm.tdcbjyarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="建设用地使用权涉及的土地面积" prop="jsydjsjarea">
                                        <el-input v-model="ruleForm.jsydjsjarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="宅基地使用权涉及的土地面积" prop="homesteadarea">
                                        <el-input v-model="ruleForm.homesteadarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="土地他项权利涉及的土地面积" prop="tdtxtdaea">
                                        <el-input v-model="ruleForm.tdtxtdaea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="权属调整权涉及的总面积" prop="qstzsjarea">
                                        <el-input v-model="ruleForm.qstzsjarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="权属调整实施主体" prop="qstzsszt">
                                        <el-input v-model="ruleForm.qstzsszt" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="权属调整涉及的土地所有权总面积" prop="qstzsjyyqarea">
                                        <el-input v-model="ruleForm.qstzsjyyqarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="权属调整涉及的土地使用权总面积" prop="qstzsjtdzarea">
                                        <el-input v-model="ruleForm.qstzsjtdzarea" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="权属调整权涉及的土地比例（%）" prop="qstzsjdbl">
                                        <el-input v-model="ruleForm.qstzsjdbl" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="土地权属调整比例（%）" prop="tdqstzbl">
                                        <el-input v-model="ruleForm.tdqstzbl" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="整治前田块数量（个）" prop="zzqtksl">
                                        <el-input v-model="ruleForm.zzqtksl" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="整治后田块数量（个）" prop="zzhtksl">
                                        <el-input v-model="ruleForm.zzhtksl" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="24">
                                    <el-form-item label="田块归并度（%）" prop="tkdbd">
                                        <el-input v-model="ruleForm.tkdbd" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </div>
                    </el-tab-pane>
                </el-tabs>
                <br />
                <el-row>
                    <el-col :span="24" style="text-align: center">
                        <el-button @click="saveOrUpdate()" class="bthNormal">保存</el-button>
                        <el-button @click="shutdown()" class="bthNormal">关闭</el-button>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </form>
</template>

<script>
import label from '../../../../api/lx_infor/lx_infor';
import ys from '@/api/ys/ys.js'
export default {
    data() {
        var checkNum = (rule, value, callback) => {
            if (!value) {
                return callback(new Error('数字不能为空'));
            }
            if (isNaN(value)) {
                return callback(new Error('请输入数字值'));
            }
            callback();
        };
        return {
            ruleForm: {},
            rules: {
                checkData: [{ required: true, message: '请选择验收日期', trigger: 'blur' }],
                cheddar: [{ required: true, message: '请填写验收单位', trigger: 'blur' }],
                ysnumber: [{ required: true, message: '请填写验收文号', trigger: 'blur' }],
                recycle: [{ required: true, message: '请选择是否属于耕作层剥离再利用项目', trigger: 'blur' }],
                // blztfl: [{ validator: checkNum, trigger: 'blur' }],
                // sytfl: [{ validator: checkNum, trigger: 'blur' }],
                // ftje: [{ validator: checkNum, trigger: 'blur' }],
                // //实际工程量
                // gcl_gd: [{ required: true, validator: checkNum, trigger: 'blur' }],
                // gcl_tjdl: [{ required: true, validator: checkNum, trigger: 'blur' }],
                // //实际成效
                // cx_jsqdj: [{ required: true, message: '请填写项目前建设后耕地平均质量等级', trigger: 'blur' }],
                // cx_jshdj: [{ required: true, message: '请填写项目区建设后耕地平均质量等级', trigger: 'blur' }],
                // //权属管理信息
                // qs_type: [{ type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }],
                // qs_ncjttd: [{ validator: checkNum, trigger: 'blur' }],
                // qs_gytd: [{ validator: checkNum, trigger: 'blur' }],
                // qs_tdcb: [{ validator: checkNum, trigger: 'blur' }],
                // qs_jsyd: [{ validator: checkNum, trigger: 'blur' }],
                // qs_zjd: [{ validator: checkNum, trigger: 'blur' }],
                // qs_tdtx: [{ validator: checkNum, trigger: 'blur' }],
                // qs_qstzzmj: [{ validator: checkNum, trigger: 'blur' }],
                // qs_qstzsyqzmj: [{ validator: checkNum, trigger: 'blur' }],
                // qs_qstzsyqzmj1: [{ validator: checkNum, trigger: 'blur' }],
                // qs_qstzbl: [{ validator: checkNum, trigger: 'blur' }],
                // qs_tdqstzbl: [{ validator: checkNum, trigger: 'blur' }],
                // qs_zzqtk: [{ validator: checkNum, trigger: 'blur' }],
                // qs_zzhtk: [{ validator: checkNum, trigger: 'blur' }],
                // qs_gbd: [{ validator: checkNum, trigger: 'blur' }],
                // //实际投资信息
                // tz_ztz: [{ required: true, validator: checkNum, trigger: 'blur' }],
                // tz_dfzj: [{ validator: checkNum, trigger: 'blur' }],
                // tz_zyfc: [{ validator: checkNum, trigger: 'blur' }],
                // tz_dffc: [{ validator: checkNum, trigger: 'blur' }],
                // tz_kkf: [{ validator: checkNum, trigger: 'blur' }],
                // tz_bczj: [{ validator: checkNum, trigger: 'blur' }],
                // tz_crsr: [{ validator: checkNum, trigger: 'blur' }],
                // tz_tdfkf: [{ validator: checkNum, trigger: 'blur' }],
                // tz_ywrtz: [{ validator: checkNum, trigger: 'blur' }],
                // tz_qtzj: [{ validator: checkNum, trigger: 'blur' }],
                // //实际建设信息
                // js_zgm: [{ required: true, validator: checkNum, trigger: 'blur' }],
                // js_kfgm: [{ validator: checkNum, trigger: 'blur' }],
                // js_zjgm: [{ validator: checkNum, trigger: 'blur' }],
                // js_jbntgm: [{ validator: checkNum, trigger: 'blur' }],
                // js_fkgm: [{ validator: checkNum, trigger: 'blur' }],
                // js_zhhfmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_gbznlgm: [{ validator: checkNum, trigger: 'blur' }],
                // js_phmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_stmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_hdmj: [{ validator: checkNum, trigger: 'blur' }],

                // js_1zyfc: [{ validator: checkNum, trigger: 'blur' }],
                // js_1tdcr: [{ validator: checkNum, trigger: 'blur' }],
                // js_1dflc: [{ validator: checkNum, trigger: 'blur' }],
                // js_1ywrtz: [{ validator: checkNum, trigger: 'blur' }],
                // js_1tdfkf: [{ validator: checkNum, trigger: 'blur' }],
                // js_1qtzj: [{ validator: checkNum, trigger: 'blur' }],
                // js_1gdkkf: [{ validator: checkNum, trigger: 'blur' }],
                // js_1zxbc: [{ validator: checkNum, trigger: 'blur' }],

                // js_2gdmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_2zldb: [{ validator: checkNum, trigger: 'blur' }],
                // js_2stmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_2htmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_2sjdmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_2cjzb: [{ validator: checkNum, trigger: 'blur' }],
                // js_2jxzmj: [{ validator: checkNum, trigger: 'blur' }],

                // js_3gzmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_3hzsmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_3gzqstmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_3gzhstmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_3gzqhdmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_3gzhhdmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_3gzqpjdj: [{ validator: checkNum, trigger: 'blur' }],
                // js_3gzhpjdj: [{ validator: checkNum, trigger: 'blur' }],
                // js_3sjdmj: [{ validator: checkNum, trigger: 'blur' }],
                // js_3cnzb: [{ validator: checkNum, trigger: 'blur' }]
            },
            form:{
                
            }
        };
    },
    created() {
        if($('#idframe', window.parent.document).attr('data-id') == "undefined"){
            alert("请选择项目")
            this.$router.push({path: '/lx_info'});
        }else{
                const id = $('#idframe', window.parent.document).attr('data-id');
                this.getInfo(id);
            
        }
        
    },
    watch: {
        //监听
        $route(to, from) {
            //路由变化方式，路由发生变化，方法就会执行
            this.init();
        }
    },
    methods: {
        init() {
            //判断路径有id值,做修改
            if ($('#idframe', window.parent.document).attr('data-id') != null) {
                //从路径获取id值
                const id = $('#idframe', window.parent.document).attr('data-id');
                //调用根据id查询的方法
                this.getInfo(id);
            } else {
                //路径没有id值，做添加
                //清空表单
                alert("请选择项目")
            this.$router.push({path: '/lx_info'});
                this.ruleForm = {};
            }
        },
        saveOrUpdate() {
            this.ruleForm.prosName = this.form.proName
            ys.save(this.form.id,this.ruleForm).then((Response) => {
                this.$message({
                    type: 'success',
                    message: '保存成功!'
                });
            });
        },
        shutdown() {
            $('#idcloseclick', parent.document).click();
        },
        getInfo(id) {
            label.openInfo(id).then((response) => {
                this.form = response.data.dto;
            });
            ys.open(id).then(rep => {
                if(rep.data == null){
                    this.ruleForm = {}
                }
                else{
                this.ruleForm = rep.data
                }
            })
        },
        update() {
            label.updateInfo(this.ruleForm).then((response) => {
                this.$message({
                    type: 'success',
                    message: '修改成功!'
                });
            });
        }
    }
};
</script>
<style>
.divider_top {
    margin: 0 0 0 0;
    background: 0 0;
    border-top: 1px solid #e6ebf5;
}
#id_tabs div.el-tabs__content {
    padding: 0;
}
.jsxx_title {
    font-family: '微软雅黑';
    color: #356cb3;
    font-size: 25px;
}
</style>